/* This is a modified version of the simpleExampleWindow.css provided
 * as an example with extinfowindow.js.
 * */
#phylo_ext_info_window{
  width: 500px;
  color: #00FF00;
  text-align: center;
}
#phylo_ext_info_window_contents{
  /*background-color: #FFF;*/
  /*border: 3px solid  #000;*/
}
#phylo_ext_info_window_beak{
  width: 28px;
  height: 38px;
  background: url('') top left no-repeat transparent;
}
* html #phylo_ext_info_window_beak{
  /* Alpha transparencies hack for IE */
  background-image:none;
  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/red_beak.png', sizingMethod='crop');*/
}
#phylo_ext_info_window_tl, #phylo_ext_info_window_tr, #phylo_ext_info_window_bl, #phylo_ext_info_window_br,
#phylo_ext_info_window_t,#phylo_ext_info_window_l,#phylo_ext_info_window_r,#phylo_ext_info_window_b{
  height: 0px;
  width: 0px;
}

/* phylo_popup_div can be created by the web page that creates the data for the
 * extinfowindow.  This just provides a place for the css.  
 *
 * The actual phylo_popup_div only needs to add a width to the div to have
 * itself centered in the main window.
 *
 * */
#phylo_popup_div { 
  text-align: left;
  margin-left: 200px;
  margin-right: auto;
  /*background-color: #000;*/
}
